import React, { Component } from 'react';
import pic from '../shop.png'
import './Shop.css'
class Shop extends Component {
    constructor(props){
        super(props);
        this.state={
            shoplist:[
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                        {pic:pic,name:'擦脸的白的',price:'303',presentPrice:'195'},
                    ] 
           
    }
    }
    render() {
        return (
            <div className='shop'>
                {
                    this.state.shoplist.map((item,index)=>{
                        return (
                            <div className='shoplist' key={index}>
                                <div className='img'>
                                    <img src={item.pic}  alt="" />
                                </div>
                                <div className='name'>{item.name}</div>
                                <div className='price'>原价￥{item.price}</div>
                                <div className='presentPrice'>抢购价￥{item.presentPrice}</div>
                            </div>
                        )
                    })
                }
            </div>
        );
    }
}

export default Shop;